//父组件
Vue.component('balance', {
  template: `
    <div>
      <show @show_balance="show_balance=true"></show>
      <div v-if="show_balance">
      您的余额为98元
      </div>
    </div>
  `,
  data: function() {
    return {
      show_balance: false
    }
  }
})


//子组件
Vue.component('show', {
  template: `
    <button @click="on_click">显示余额</button>
  `,
  methods: {
    on_click() {
      this.$emit('show_balance', {
        a: 1,
        b: 2
      });
    }
  }
})

new Vue({
  el: "#app"
})
